<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				margin: 0;
			}
			/*顶部背景*/
			#ding{
				background-image: url(img/titleBg.gif);		
				height: 40px;		
			}
			/*搜索标题框背景*/
			#ding01{
				background-image: url(img/titleBg.gif);
				height: 30px;
				width: 1650px;
				margin-top: 20px;
				margin-left: 30px;
				
			}
			/*信息查询部分，边框实线*/
			#ding02{
				border: 1px solid;
				width: 1650px;
				height: 30px;
				margin-left:30px;
			}
			/*增删改查按钮部分*/
			/*查询*/
			#add{
				position: absolute;
				margin: 10px 0px 0px 30px;
			}
			#add01{
				position: absolute;
				margin: 16px 0px 0px 65px;
			}
			/*删除*/
			#del{
				position: absolute;
				margin: 10px 0px 0px 130px;
			}
			#del01{
				position: absolute;
				margin: 16px 0px 0px 165px;
			}
			/*修改*/
			#config{
				position: absolute;
				margin: 10px 0px 0px 230px;
			}
			#config01{
				position: absolute;
				margin: 16px 0px 0px 265px;
			}
			/*查询 */
			#search{
				position: absolute;
				margin: 10px 0px 0px 330px;
			}
			#search01{
				position: absolute;
				margin: 16px 0px 0px 365px;
			}
			/*表格部分*/
			#ta{
				position: absolute;
				margin: 80px 0px 0px 30px;
			}
			/*翻页按钮部分*/
			#page{
				position: absolute;
				margin: 360px 0px 0px 30px;
			}
		</style>
	</head>
	<body>
		<div>
			<div id="ding">
				当前位置：
			</div>
			<!--搜索区域-->
			<div id="ding01">
				搜索
			</div>
			<!--信息查询部分-->
			<div id="ding02">
				姓名<input type="text" />&#160;
				是否启用
				<select>
					<option>启用</option>
					<option>停用</option>
				</select>&#160;
				身份证号<input type="number" maxlength="18" />&#160;
				角色
				<select>
					<option>管理员</option>
					<option>教师</option>
					<option>学生</option>
				</select>&#160;
				<input type="submit" id="sousuo" value="搜索" />
			</div>
			<!--增删改查按钮部分-->
			<div>
			<!--查询按钮-->
				<img id="add" src="img/btn_add.gif" />
				<div id="add01">
					查询
				</div>
			<!--删除按钮-->
				<img id="del" src="img/btn_del.gif" />
				<div id="del01">
					删除
				</div>
			<!--修改按钮-->
				<img id="config" src="img/btn_config.gif" />
				<div id="config01">
					修改
				</div>
			<!--查询按钮-->	
				<img id="search" src="img/btn_search.gif" />
				<div id="search01">
					查询
				</div>
				<!--表格部分 -->
				<table id="ta" border="1">
					<tr>
						<th>全选</th>
						<th width="190px">姓名</th>
						<th width="190">身份证号</th>
						<th width="400">角色</th>
						<th width="400">是否启用</th>
						<th width="400">创建时间</th>
					</tr>
					<tr>
						<td><input type="checkbox" /></td>
						<td>张三</td>
						<td>123456789987654321</td>
						<td>老师</td>
						<td>已启用</td>
						<td>2017-7-2</td>
					</tr>
					<tr>
						<td><input type="checkbox" /></td>
						<td>张三</td>
						<td>113456789987654321</td>
						<td>老师</td>
						<td>已启用</td>
						<td>2017-7-2</td>
					</tr>
					<tr>
						<td><input type="checkbox" /></td>
						<td>张三</td>
						<td>124567899876543321</td>
						<td>老师</td>
						<td>已启用</td>
						<td>2017-7-2</td>
					</tr>
					<tr>
						<td><input type="checkbox" /></td>
						<td>张三</td>
						<td>123451789987654321</td>
						<td>老师</td>
						<td>已启用</td>
						<td>2017-7-2</td>
					</tr>
					<tr>
						<td><input type="checkbox" /></td>
						<td>张三</td>
						<td>123456789917654321</td>
						<td>老师</td>
						<td>已启用</td>
						<td>2017-7-2</td>
					</tr>
					<tr>
						<td><input type="checkbox" /></td>
						<td>张三</td>
						<td>123456780987654321</td>
						<td>老师</td>
						<td>已启用</td>
						<td>2017-7-2</td>
					</tr>
					<tr>
						<td><input type="checkbox" /></td>
						<td>张三</td>
						<td>123456689987654321</td>
						<td>老师</td>
						<td>已启用</td>
						<td>2017-7-2</td>
					</tr>
					<tr>
						<td><input type="checkbox" /></td>
						<td>张三</td>
						<td>123456789957654321</td>
						<td>老师</td>
						<td>已启用</td>
						<td>2017-7-2</td>
					</tr>
					<tr>
						<td><input type="checkbox" /></td>
						<td>张三</td>
						<td>123456789987650321</td>
						<td>老师</td>
						<td>已启用</td>
						<td>2017-7-2</td>
					</tr>
				</table>
				<!--翻页按钮部分-->
				<div id="page">
				<input type="button" value="首页" />
				<input type="button" value="上一页" />
				<input type="button" value="1" />
				<input type="button" value="2" />
				<input type="button" value="下一页" />
				<input type="button" value="末页" />
				</div>
			</div>	
		</div>
	</body>
</html>
